import React from 'react';
import { ContractInfoItem as Item, ContractInfoItemHeader, ContentItem,ContractInfoItemList } from '../style';


// 合约列表看盘所有的信息
const ContractInfoItem: React.FC<any> = (props: any) => {
    return (
        <Item>
            <ContractInfoItemHeader >BTC</ContractInfoItemHeader>
            <ContractInfoItemList>
                <ContentItem className='item' >BTC/USDT永续</ContentItem>
                <ContentItem className='item' >10292.0</ContentItem>
                <ContentItem className='item' >+4.19%</ContentItem>
            </ContractInfoItemList>
            <ContractInfoItemList>
                <ContentItem className='item' >BTC/USDT永续</ContentItem>
                <ContentItem className='item' >10292.0</ContentItem>
                <ContentItem className='item' >+4.19%</ContentItem>
            </ContractInfoItemList>
        </Item>
    )
}

export default ContractInfoItem;